<template>
	<view class="all">
		<view style="width: 100%;">
			<u-upload ref="uUpload" :auto-upload="true" :width="720" :max-count="2" :height="350"></u-upload>
		</view>
		<view class="name">
			<text decode="true" class="name_text">姓名</text>
			<input type="text" value="" placeholder="填写你的真实姓名" class="name_input"/>
		</view>
		<view class="name">
			<text decode="true" class="name_text">身份证</text>
			<input type="text" value="" placeholder="填写你的真实身份证号码" class="name_input"/>
		</view>
		<u-button type="success" :ripple="true" @click="submit" style="margin-top: 100rpx;">实名认证</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				width:""
			}
		},
		onLoad() {
		},
		methods: {
			submit() {
				console.log(this.$refs.uUpload.lists)
			}
		}
	}
</script>
<style lang="less" scoped>
	.all{
		padding: 0 20rpx;
		.name{
			width: 100%;
			display: flex;
			height: 90rpx;
			border-bottom: 1px solid #CCCCCC;
			line-height: 90rpx;
			.name_input{
				// border: 1px solid #0081FF;
				margin: auto 20rpx;
			}
		}
	}
</style>